<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>工业微服务中心</title>
		<style>
			/*公共样式--开始*/
			
			html,
			body,
			div,
			ul,
			li,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			p,
			dl,
			dt,
			dd,
			ol,
			form,
			input,
			textarea,
			th,
			td,
			select {
				margin: 0;
				padding: 0;
			}
			
			* {
				box-sizing: border-box;
			}
			
			html,
			body {
				min-height: 100%;
			}
			
			body {
				font-family: "Microsoft YaHei";
				font-size: 14px;
				color: #333;
			}
			
			h1,
			h2,
			h3,
			h4,
			h5,
			h6 {
				font-weight: normal;
			}
			
			ul,
			ol {
				list-style: none;
			}
			
			img {
				border: none;
				vertical-align: middle;
			}
			
			a {
				text-decoration: none;
				color: #232323;
			}
			
			table {
				border-collapse: collapse;
				table-layout: fixed;
			}
			
			input,
			textarea {
				outline: none;
				border: none;
			}
			
			textarea {
				resize: none;
				overflow: auto;
			}
			
			.clearfix {
				zoom: 1;
			}
			
			.clearfix:after {
				content: ".";
				width: 0;
				height: 0;
				visibility: hidden;
				display: block;
				clear: both;
				overflow: hidden;
			}
			
			.fl {
				float: left
			}
			
			.fr {
				float: right
			}
			
			.tl {
				text-align: left;
			}
			
			.tc {
				text-align: center
			}
			
			.tr {
				text-align: right;
			}
			
			.ellipse {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
			.inline {
				display: inline-block;
				*display: inline;
				*zoom: 1;
			}
			
			div {
				display: flex;
				display: -ms-flexbox;
				display: -webkit-flex;
			}
			
			body {
				background: url(../image/index.jpg);
				background-size: 100% 100%;
				background-attachment: fixed;
			}
			
			.baseDiv {
				height: 500px;
				width: 100%;
				/*border: 1px solid red;*/
				margin-top: 20px;
				flex-direction: column;
			}
			.baseDiv_top{
				flex: 2;
				/*border: 1px solid blue;*/
				font-family: "微软雅黑";
				font-size: 50px;
				color: white;
				justify-content: center;
				align-items: center;
				cursor: pointer;
			}
			.baseDiv_down{
				flex: 2;
				/*border: 1px solid red;*/
			} 
			.baseDiv_down div{
				flex: 1;
			}
			
			.baseDiv_down_border{
				color: white;
				font-size: 30px;
				justify-content: center;
				align-items: center;
			}
			.baseDiv_down_border:hover{
				cursor: pointer;
				border: 3px solid white;
				border-radius: 10px;
			}
		</style>
	</head>

	<body>
		<div class="baseDiv">
			<div class="baseDiv_top">
				工业微服务中心
			</div>
			<div class="baseDiv_down">
				<div></div>
<!--				<div class="baseDiv_down_border"onclick="javascript:window.open('platform/首页.html')">
					首页
				</div>-->
				<!--<div class="baseDiv_down_border"onclick="javascript:window.open('homepage/云市场-首页.html')">-->
					<!--首页-->
				<!--</div>-->
				<div class="baseDiv_down_border"onclick="javascript:window.open('cloudhome/html/index.html')">
					首页
				</div>
				<div class="baseDiv_down_border" onclick="javascript:window.open('user/我的产品.html')"> 
					用户中心
				</div>
				<div class="baseDiv_down_border" onclick="javascript:window.open('server/服务商(发布服务).html')">
					服务商中心
				</div>
<!--				<div class="baseDiv_down_border" onclick="javascript:window.open('platform/平台(服务审核).html')">
					平台
				</div>-->
				<div class="baseDiv_down_border"onclick="javascript:window.open('PlatformMonitoring/实时交易监控.html')">
					运营中心
				</div>

				<div>
					
				</div>
			</div>
		</div>
	</body>

</html>